import {} from 'https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js';


function doLogin() {
    const btn = $('.btn');
    const telphone = $('.tel');
    const password = $('.password');
    const tips = $('.tips')
    const taps = $('.nav_tap span');
    const inputs = $('.input_box');

    btn.on('click', function() {
        $.ajax({
            type: 'post',
            url: 'http://10.31.157.18/changhong/php/login.php',
            data: {
                tel: telphone.val(),
                pass: password.val()
            }
        }).done(function(data) {
            console.log(data)
            if (!data) {
                tips.eq(0).css('color', 'red').html('手机号错误或不存在')
                password.val(''); //清空密码
            } else {
                location.href = 'index1.html';
                localStorage.setItem('tel', telphone.val());
            }
            if (password.val() === '') {
                tips.eq(1).css('color', 'red').html('请输入密码')
            }
        })
    })

    function tab() {
        taps.on('click', function() {
            $(this).removeClass('show').siblings('span').addClass('show');
            inputs.eq($(this).index()).removeClass('active').siblings('.input_box').addClass('active');
        })
    }
    tab();

    //账号密码不能为空
    telphone.on('blur', function() {
        if (!$(this).val()) {
            tips.eq(0).css('color', 'red').html('请输入手机号')
        }
    })

    password.on('blur', function() {
        if (!$(this).val()) {
            tips.eq(1).css('color', 'red').html('请输入密码')
        }
    });


    telphone.on('input', function() {
        tips.eq(0).css('color', 'red').html('')
    });

    password.on('input', function() {
        tips.eq(1).css('color', 'red').html('')
    });

}

doLogin();